<template>
	<!-- 退款信息 -->
	<div>
		<div style="border: 1px solid #e5e5e5;padding: 12px;border-radius: 8px;margin-top: 12px;"
			v-for="(obj,idx) in 2">
			<!-- row01 -->
			<div style="display: flex;justify-content: space-between;">
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">申请时间:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">2021年10月9日18:30:37</span>
				</div>
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">审核状态:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">审核中</span>
				</div>
			</div>
			<!-- row01 -->
			<div style="display: flex;justify-content: space-between;margin-top: 12px;">
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">退款金额:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">￥560.00</span>
				</div>
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">退款发起人:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">张三</span>
				</div>
			</div>
			<!-- row03 -->
			<div style="display: flex;justify-content: space-between;margin-top: 5px;">
				<span style="font-size: 12px;color: #999999;">失败原因:</span>
				<span style="font-size: 12px;color: #333333;margin-left: 5px;flex: 1;">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</span>
			</div>
			<!-- row01 -->
			<div style="display: flex;justify-content: space-between;margin-top: 12px;">
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">收款人:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">李四</span>
				</div>
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">收款账号:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">1001</span>
				</div>
			</div><!-- row01 -->
			<div style="display: flex;justify-content: space-between;margin-top: 12px;">
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">银行开户信息:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">四川成都</span>
				</div>
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">收款银行名称:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">中国农行</span>
				</div>
			</div>
			
			<div style="margin-top: 12px;">
				<div style="font-size: 14px;font-weight: bold;">退款课程</div>
				<!-- header -->
				<view
					style="display: flex;background-color: #f5f5f5;height: 35px;justify-content: center;align-items: center;margin-top: 12px;">
					<text style="display: block;text-align: center;font-size: 14px;flex: 1;">课程名称</text>
					<text style="display: block;text-align: center;font-size: 14px;flex: 1;">学期</text>
					<text style="display: block;text-align: center;font-size: 14px;flex: 1;">价格</text>
				</view>
				<!-- cell -->
				<view style="display: flex;flex-direction: column;" v-for="idx in 3">
					<view
						style="display: flex;background-color: #FFFFFF;height: 45px;justify-content: center;align-items: center;flex: 1;">
						<text style="display: block;text-align: center;font-size: 12px;flex: 1;">《进化论》</text>
						<text style="display: block;text-align: center;font-size: 12px;flex: 1;">2021第一学期</text>
						<text style="display: block;text-align: center;font-size: 12px;flex: 1;color: #FF0000;">75.00</text>
					</view>
					<view style="height: 1px;background-color: #F1F1F1;" />
				</view>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "personinfo-orderdetail-feeback",
		data() {
			return {

			};
		}
	}
</script>

<style>

</style>
